<template >
    <div class="view-login">
        <div class="logo-box" @click="homePage">
            <img src="../assets/loginAndRegister/logo.png" alt="">
        </div>
        <div class="login-content">
            <div class="left">
                <img src="../assets/loginAndRegister/背景图.png" alt="">
            </div>
            <div class="right">
                <slot></slot>
            </div>
        </div>

    </div>
</template>
<script>
export default {
    name: 'loginAndRegisterPage',
    data() {
        return {

        }
    },
    methods: {
        homePage() {
            this.$router.push('/')
        }
    }
}
</script>
<style scoped>
.view-login {
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.logo-box {
    position: absolute;
    left: 62px;
    top: 48px;
    cursor: pointer;
}

.login-content {
    display: flex;
    justify-content: space-between;
}

.left {
    margin-right: -100px;
    margin-top: 100px;
}

.right {
    margin: 20px 0;
}
</style>